<div id="main">
			<div class="cl">&nbsp;</div>

			<!-- Content -->
			<div class="col col2" id="content">
				<h2 class="border">Our Work</h2>

				<!-- Accordition -->
				<div class="accordion portfolio-accordition ui-accordion ui-widget ui-helper-reset ui-accordion-icons" role="tablist">

					<h3 class="border ui-accordion-header ui-helper-reset ui-state-active ui-corner-top" role="tab" aria-expanded="true" tabindex="0"><span class="ui-icon ui-icon-triangle-1-s"></span><a href="#" tabindex="-1">WEB DESIGN</a></h3>
					<div class="entry ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" role="tabpanel">

						<!-- Projects -->
						<div class="projects">
							<div class="cl">&nbsp;</div>

							<div class="project">
								<div class="project-image">
									<a class="img2" href="project-detailed.html"><img alt="" src="/images/project1.jpg" /></a>
								</div>
								<div class="project-info">
									<h4><a href="project-detailed.html">ONFOCUS</a></h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
									<p><a class="more2" href="project-detailed.html">find out more</a></p>
								</div>
							</div>
							<div class="project project-last">
								<div class="project-image">
									<a class="img2" href="project-detailed.html"><img alt="" src="/images/project2.jpg" /></a>
								</div>
								<div class="project-info">
									<h4><a href="project-detailed.html">SPRING TIME</a></h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
									<p><a class="more2" href="project-detailed.html">find out more</a></p>
								</div>
							</div>
							<div class="cl">&nbsp;</div>

							<div class="project">
								<div class="project-image">
									<a class="img2" href="project-detailed.html"><img alt="" src="/images/project3.jpg" /></a>
								</div>
								<div class="project-info">
									<h4><a href="project-detailed.html">OUTLIERS</a></h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
									<p><a class="more2" href="project-detailed.html">find out more</a></p>
								</div>
							</div>
							<div class="project project-last">
								<div class="project-image">
									<a class="img2" href="project-detailed.html"><img alt="" src="/images/project4.jpg" /></a>
								</div>
								<div class="project-info">
									<h4><a href="project-detailed.html">MARKET LEADER</a></h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
									<p><a class="more2" href="project-detailed.html">find out more</a></p>
								</div>
							</div>

							<div class="cl">&nbsp;</div>
						</div>
						<!-- End Projects -->

					</div>


					<h3 class="border ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" role="tab" aria-expanded="false" tabindex="-1"><span class="ui-icon ui-icon-triangle-1-e"></span><a href="#" tabindex="-1">WEB DEVELOPMENT</a></h3>
					<div class="entry ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" role="tabpanel" style="display: none;">

						<!-- Projects -->
						<div class="projects">
							<div class="cl">&nbsp;</div>

							<div class="project">
								<div class="project-image">
									<a class="img2" href="project-detailed.html"><img alt="" src="/images/project1.jpg" /></a>
								</div>
								<div class="project-info">
									<h4><a href="project-detailed.html">ONFOCUS</a></h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
									<p><a class="more2" href="project-detailed.html">find out more</a></p>
								</div>
							</div>
							<div class="project project-last">
								<div class="project-image">
									<a class="img2" href="project-detailed.html"><img alt="" src="/images/project2.jpg" /></a>
								</div>
								<div class="project-info">
									<h4><a href="project-detailed.html">SPRING TIME</a></h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
									<p><a class="more2" href="project-detailed.html">find out more</a></p>
								</div>
							</div>
							<div class="cl">&nbsp;</div>

							<div class="project">
								<div class="project-image">
									<a class="img2" href="project-detailed.html"><img alt="" src="/images/project3.jpg" /></a>
								</div>
								<div class="project-info">
									<h4><a href="project-detailed.html">OUTLIERS</a></h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
									<p><a class="more2" href="project-detailed.html">find out more</a></p>
								</div>
							</div>
							<div class="project project-last">
								<div class="project-image">
									<a class="img2" href="project-detailed.html"><img alt="" src="/images/project4.jpg" /></a>
								</div>
								<div class="project-info">
									<h4><a href="project-detailed.html">MARKET LEADER</a></h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
									<p><a class="more2" href="project-detailed.html">find out more</a></p>
								</div>
							</div>

							<div class="cl">&nbsp;</div>
						</div>
						<!-- End Projects -->

					</div>


					<h3 class="border ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" role="tab" aria-expanded="false" tabindex="-1"><span class="ui-icon ui-icon-triangle-1-e"></span><a href="#" tabindex="-1">LOGO DESIGN</a></h3>
					<div class="entry ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" role="tabpanel" style="display: none;">

						<!-- Projects -->
						<div class="projects">
							<div class="cl">&nbsp;</div>

							<div class="project">
								<div class="project-image">
									<a class="img2" href="project-detailed.html"><img alt="" src="/images/project1.jpg" /></a>
								</div>
								<div class="project-info">
									<h4><a href="project-detailed.html">ONFOCUS</a></h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
									<p><a class="more2" href="project-detailed.html">find out more</a></p>
								</div>
							</div>
							<div class="project project-last">
								<div class="project-image">
									<a class="img2" href="project-detailed.html"><img alt="" src="/images/project2.jpg" /></a>
								</div>
								<div class="project-info">
									<h4><a href="project-detailed.html">SPRING TIME</a></h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
									<p><a class="more2" href="project-detailed.html">find out more</a></p>
								</div>
							</div>
							<div class="cl">&nbsp;</div>

							<div class="project">
								<div class="project-image">
									<a class="img2" href="project-detailed.html"><img alt="" src="/images/project3.jpg" /></a>
								</div>
								<div class="project-info">
									<h4><a href="project-detailed.html">OUTLIERS</a></h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
									<p><a class="more2" href="project-detailed.html">find out more</a></p>
								</div>
							</div>
							<div class="project project-last">
								<div class="project-image">
									<a class="img2" href="project-detailed.html"><img alt="" src="/images/project4.jpg" /></a>
								</div>
								<div class="project-info">
									<h4><a href="project-detailed.html">MARKET LEADER</a></h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
									<p><a class="more2" href="project-detailed.html">find out more</a></p>
								</div>
							</div>

							<div class="cl">&nbsp;</div>
						</div>
						<!-- End Projects -->

					</div>


					<h3 class="border ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" role="tab" aria-expanded="false" tabindex="-1"><span class="ui-icon ui-icon-triangle-1-e"></span><a href="#" tabindex="-1">PACKAGE DESIGN</a></h3>
					<div class="entry ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" role="tabpanel" style="display: none;">

						<!-- Projects -->
						<div class="projects">
							<div class="cl">&nbsp;</div>

							<div class="project">
								<div class="project-image">
									<a class="img2" href="project-detailed.html"><img alt="" src="/images/project1.jpg" /></a>
								</div>
								<div class="project-info">
									<h4><a href="project-detailed.html">ONFOCUS</a></h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
									<p><a class="more2" href="project-detailed.html">find out more</a></p>
								</div>
							</div>
							<div class="project project-last">
								<div class="project-image">
									<a class="img2" href="project-detailed.html"><img alt="" src="/images/project2.jpg" /></a>
								</div>
								<div class="project-info">
									<h4><a href="project-detailed.html">SPRING TIME</a></h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
									<p><a class="more2" href="project-detailed.html">find out more</a></p>
								</div>
							</div>
							<div class="cl">&nbsp;</div>

							<div class="project">
								<div class="project-image">
									<a class="img2" href="project-detailed.html"><img alt="" src="/images/project3.jpg" /></a>
								</div>
								<div class="project-info">
									<h4><a href="project-detailed.html">OUTLIERS</a></h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
									<p><a class="more2" href="project-detailed.html">find out more</a></p>
								</div>
							</div>
							<div class="project project-last">
								<div class="project-image">
									<a class="img2" href="project-detailed.html"><img alt="" src="/images/project4.jpg" /></a>
								</div>
								<div class="project-info">
									<h4><a href="project-detailed.html">MARKET LEADER</a></h4>
									<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took </p>
									<p><a class="more2" href="project-detailed.html">find out more</a></p>
								</div>
							</div>

							<div class="cl">&nbsp;</div>
						</div>
						<!-- End Projects -->

					</div>

				</div>
			</div>
			<!-- End Content -->

			<!-- Sidebar -->
			<div class="col col-right col1" id="sidebar">

				<h2 class="border">GET IN TOUCH</h2>
				<div class="entry">
					<p>SugarCoated ltdLorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
					<p>T: 1-888-666- 222   F: 1-888-666- <br /><a href="#">Hey@SugarCoated.com</a></p>
				</div>
				<a class="button" href="#">REQUEST FOR PROPOSAL</a>
				<br />
				<h2 class="border">TESTIMONIALS</h2>
				<div class="testimonial">
					<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna.”</p>
					<p class="from"><a href="#"><strong>John Smith</strong></a><br />Fluffy Bunnies - CEO</p>
				</div>

			</div>
			<!-- End Sidebar -->

			<div class="cl">&nbsp;</div>
		</div>